<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>随机森林DDoS攻击流量检测系统</title>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width,initial-scale=1" name="viewport">
    <meta content="upgrade-insecure-requests" http-equiv="Content-Security-Policy">
    <link href="../static/js/pluginsPackage/bootstrap-3.3.0/bootstrap.css" rel="stylesheet" type="text/css"></link>
    <link href="../static/js/pluginsPackage/swiper/swiper.min.css" rel="stylesheet" type="text/css">
    <link href="../static/images/favicon.ico" rel="icon" type="image/x-icon">
    <link href="../static/css/style.css" rel="stylesheet" type="text/css"></link>
    <link href="../static/css/office_efficiency_index.css" rel="stylesheet" type="text/css"></link>
    <script type="text/javascript">
        //埋点全局变量
        var gDataGather = {
            systemCode: "dataanalysis",
            systemName: "CRM数据分析",
            moduleCode: "dataanalysis-m001",
            moduleName: "稳定运营",
            pageCode: "dataanalysis-m001-p0007",
            pageName: "厅店效能分析",
            param: "{}"
        }
        Date.prototype.format = function(fmt) {
         var o = {
         "M+" : this.getMonth()+1,                 //月份
         "d+" : this.getDate(),                    //日
         "h+" : this.getHours(),                   //小时
         "m+" : this.getMinutes(),                 //分
         "s+" : this.getSeconds(),                 //秒
         "q+" : Math.floor((this.getMonth()+3)/3), //季度
         "S" : this.getMilliseconds()             //毫秒
         };
         if(/(y+)/.test(fmt)) {
         fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
         }
         for(var k in o) {
         if(new RegExp("("+ k +")").test(fmt)){
         fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
         }
         }
         return fmt;
        }
    </script>
</head>
<body>
<div class="container-fluid container-bg office-efficiency-index">
    <div class="row  office-header">
        <div class="col-sm-12 col-md-12 pd  title-info">随机森林DDoS攻击流量检测系统</div>
        <div class="col-sm-5  col-md-5 pd analysis-info"></div>
        <div class="col-sm-7  col-md-7 pd analysis-filter">
            <table style="width:100%;height:48px;">
                <tr>
                    <td style="width:70%;text-align:right;">
                    </td>
                    <td id="td-data-date"
                        style="width:15%;text-align:right;padding-left:10px;color:#fff;font-size:14px;font-weight:bold;">
                        <!-- <input type="text" id="data-date" name="dataDate" class="form-control" style="width:100px;"/> -->
                    </td>
<!--                    <td style="width:15%;">-->
<!--                        <div class="cust-type-default right" type="2">政企</div>-->
<!--                        <div class="cust-type-default left active" type="1">公众</div>-->
<!--                    </td>-->
                </tr>
            </table>
        </div>
        <!--地域渠道条件选择-->
        <div class="select-group-channel-tablebar" id="select-group-channel-tablebar">
            <div class="row">
                <div class="col-sm-2  col-md-2 pd"
                     style="color:#fff;height:40px;line-height:35px;margin-top:15px;text-align:right;width:110px;font-size:15px;">
                    地域选择：
                </div>
                <div class="col-sm-4  col-md-4 pd" style="height:40px;margin-top:15px;">
                    <input class="form-control" id="selectCity" name="cityCode" style="width:150px;" type="text"/>
                </div>
                <div class="col-sm-2  col-md-2 pd"
                     style="color:#fff;height:40px;line-height:35px;margin-top:15px;text-align:right;width:110px;font-size:15px;">
                    区域选择：
                </div>
                <div class="col-sm-4  col-md-4 pd" style="height:40px;margin-top:15px;">
                    <input class="form-control" id="selectCounty" name="countyCode" style="width:150px;" type="text"/>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-2  col-md-2 pd"
                     style="color:#fff;height:40px;line-height:35px;margin-top:15px;text-align:right;width:110px;font-size:15px;">
                    渠道名称：
                </div>
                <div class="col-sm-6  col-md-6 pd" style="height:40px;margin-top:15px;">
                    <input class="form-control" id="channel_name" name="channelName" placeHolder="" style="width:330px;"
                           type="text"/>
                </div>
                <div class="col-sm-4  col-md-4 pd" style="height:40px;margin-top:15px;text-align:center;">
                    <button class="btn btn-info btn-sm" onclick="doQueryChannelName();"
                            style="height:35px;width:70px;margin-left:10px;background:#181C41;"
                            type="button">查询
                    </button>
                    <button class="btn btn-info btn-sm" onclick="doRestChannelName();"
                            style="height:35px;width:70px;background:#282C55;"
                            type="button">重置
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="row  office-header-content" style="align-items: center; display: flex; flex-direction: column">
<!--        <div class="col-sm-3 col-md-3 pd">-->
<!--            <div class="col-info">-->
<!--                <div class="title">随机树参数</div>-->
<!--                <div class="content base-info" id="base-info">-->

<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
        <div class="col-sm-8 col-md-8 pd">
            <div class="col-info">
                <div class="title">所有请求详情</div>
                <div class="content" id="channel_handle_detail"></div>
            </div>
        </div>
        <div class="col-sm-8 col-md-8 pd">
            <div class="col-info">
                <div class="title">请求</div>
                <div class="content" id="info"></div>
            </div>
        </div>
<!--        <div class="col-sm-4 col-md-4 pd">-->
<!--            <div class="col-info">-->
<!--                <div class="title">模型性能</div>-->
<!--                <div class="content staff-info" id="staff-info" style="color: white; display: flex; gap: 10px; font-size: 2rem;">-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="col-sm-6 col-md-6 pd device-info-col">-->
<!--            <div class="col-info">-->
<!--                <div class="title">系统指标</div>-->
<!--                <div class="content deviceInfo" id="device-info" style="color: white; font-size: 1.5rem;">-->
<!--                    <div style=" display: flex; margin-top: 20px;">-->
<!--                        <div style="margin-right: 20px">-->
<!--                            <img src="../static/images/device-green.png" alt="" srcset="">-->
<!--                        </div>-->
<!--                        <div style="flex: 1;">-->
<!--                            <div>-->
<!--                                <div style="display: flex; flex-direction: column;">-->
<!--                                    <div style="">-->
<!--                                        <span>上行带宽速率：</span><span id="up"></span>-->
<!--                                        <div style="position: relative; background: #ffffff10; width: 90%; height: 10px; border-radius: 10px;">-->
<!--                                            <div style="position: absolute; height: 10px; border-radius: 10px; background: #00A8FE; top: 0; left: 0;" id="up_row"></div>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div>-->
<!--                                        <span>下行带宽速率：</span><span id="down"></span>-->
<!--                                        <div style="position: relative; background: #ffffff10; width: 90%; height: 10px; border-radius: 10px;">-->
<!--                                            <div style="position: absolute; height: 10px; border-radius: 10px; background: #00A8FE; top: 0; left: 0;" id="down_row"></div>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div>-->
<!--                                        总带宽速率：<span id="all"></span>-->
<!--                                    </div>-->
<!--                                     <div>-->
<!--                                        <span>已使用内存：</span><span id="use_me"></span>-->
<!--                                        <div style="position: relative; background: #ffffff10; width: 90%; height: 10px; border-radius: 10px;">-->
<!--                                            <div style="position: absolute; height: 10px; border-radius: 10px; background: #00A8FE; top: 0; left: 0;" id="use_me_row"></div>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div style="display: flex">-->
<!--                                        <span>总内存：</span>-->
<!--                                        <div>-->
<!--                                            <span id="all_m"></span>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                    <div style="display: flex; width: 100%; margin-top: 20px">-->
<!--                                        <div style="width: 30%; display: flex; flex-direction: column; align-items: center">-->
<!--                                            <div style="position: relative">-->
<!--                                                <div style="position:absolute;">-->
<!--                                                    <svg>-->
<!--                                                        <circle cx="80" cy="80" r="50" fill="none" stroke-width="8" stroke="#ffffff10"></circle>-->
<!--                                                    </svg>-->
<!--                                                </div>-->
<!--                                                <div style="position:absolute;">-->
<!--                                                    <svg>-->
<!--                                                        <circle class="circle" cx="80" cy="80" r="50" fill="none" stroke-width="8" stroke="#00A8FE" id="c1"></circle>-->
<!--                                                        <text x="80" y="85" fill="#6b778c" text-anchor="middle">-->
<!--                                                            <tspan class="text" id="cpu"></tspan>-->
<!--                                                        </text>-->
<!--                                                    </svg>-->
<!--                                                </div>-->
<!--                                            </div>-->
<!--                                            <span>cpu使用率</span>-->
<!--                                        </div>-->
<!--                                        <div style="width: 30%; display: flex; flex-direction: column; align-items: center">-->
<!--                                            <div style="position: relative">-->
<!--                                                <div style="position: absolute">-->
<!--                                                    <svg>-->
<!--                                                        <circle cx="80" cy="80" r="50" fill="none" stroke-width="8" stroke="#ffffff10"></circle>-->
<!--                                                    </svg>-->
<!--                                                </div>-->
<!--                                                <div style="position: absolute">-->
<!--                                                    <svg>-->
<!--                                                        <circle class="circle" cx="80" cy="80" r="50" fill="none" stroke-width="8" stroke="#00A8FE" id="c2"></circle>-->
<!--                                                        <text x="80" y="85" fill="#6b778c" text-anchor="middle">-->
<!--                                                            <tspan class="text" id="me"></tspan>-->
<!--                                                        </text>-->
<!--                                                    </svg>-->
<!--                                                </div>-->
<!--                                            </div>-->
<!--                                            <span>内存使用率</span>-->
<!--                                        </div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="col-sm-6 col-md-6 pd business-type-time-col">-->
<!--            <div class="col-info">-->
<!--                <div class="title">数据集信息</div>-->
<!--                <div class="content" id="business-type-time-detial" style="display: flex; flex-wrap: wrap; color: white; gap: 10px; font-size: 1.5rem;"></div>-->
<!--            </div>-->
<!--        </div>-->
    </div>
</div>
<!--特效动画效果-->
<div elementCode="dataanalysis-m001-p0007-e00001" elementName="查询数据" id="query-page-data" onclick="loadPageData()"
     sa-gatherClick="true" style="display:none"></div>
<script charset="utf-8" src="../static/js/pluginsPackage/jquery/jquery.1.11.3.min.js" type="text/javascript"></script>
<script charset="utf-8" src="../static/js/pluginsPackage/bootstrap-3.3.0/bootstrap.js" type="text/javascript"></script>
<script charset="utf-8" src="../static/js/pluginsPackage/bootstrap-3.3.0/respond.js" type="text/javascript"></script>
<script charset="utf-8" src="../static/js/pluginsPackage/swiper/swiper.min.js" type="text/javascript"></script>
<script charset="utf-8" src="../static/js/pluginsPackage/echarts/echarts.min.js" type="text/javascript"></script>
<script charset="utf-8" src="../static/js/office_efficiency_data.js" type="text/javascript"></script>
<script charset="utf-8" src="../static/js/office_efficiency_index.js" type="text/javascript"></script>
</body>
</html>